<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>断言测试简单实现</title>
</head>
<body>
    <div id="asserts">
    </div>
</body>
</html>
<script>
    function assert(value,desc){//传入一个条件和条件不满足时的描述
        var li = document.createElement("li") //创建一个标签
        li.className = value ? "pass":"fail" //判断条件是否成立，设置不同的样式
        li.appendChild(document.createTextNode(desc)) //将描述添加到标签中
        document.getElementById("asserts").appendChild(li) //将标签添加到页面中
    }

    window.onload = function(){
        //断言测试写在这里
        assert(1==='1',`1==='1'断言失败`)
        assert(1=='1',`1=='1'断言失败`)
    }
</script>
<style>
    #asserts li.pass{
        color:green;
    }
    #asserts li.fail{
        color:red;
    }
</style>